<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta  http-equiv="Content-Type" content="text/html; charset=UTF-8" >
    <title>职业测评M端</title>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
</head>
<body style="background:#fff;font-family:'Microsoft Yahei','sans-serif';font-size: 16px;margin:0;">
  <div class="wrapper" style="width:100%;">
      <!--顶部-->
     <div class="top" style="padding:15px 4% 10px 4%; background-color: #288add;float: left;width: 92%">
        <div style=" width:100%;text-align: center;position: relative;float: left">
            <div style="float:left;width:20%;margin-top: 7px;position: relative"><i style="position:absolute;right:-8px;top:2px;height:80%;border-left: 1px solid #247bc5;"></i><img width="100%" height="100%" src="images/logo.png"/></div>
            <div style="position:absolute;width: 100%;*width:auto;padding-bottom: 3%;"><span  style="display: inline-block; margin-top: 5px;font-size:137%;color: #fff;font-weight: 700;">职业测评报告</span></div>
            <div style="border-bottom: 1px solid #247bc5;position: absolute;top:60%;width: 100%"></div>
            <div style="width:35%;float:right;margin-top: -15px;margin-right: -4%"><img width="100%" height="100%" src="images/topBg.png"/></div>
            <div  style="clear:left;"><span style="position:absolute;left:0;bottom:0;font-size: 100%;color:#fff">测评者：Sample</span><span style="position:absolute;right:0;bottom:0;font-size: 100%;color:#fff;">日期：2016/05/03</span></div>
        </div>
     </div>
     <div class="center" style="padding:20px 0 85px 0;clear:both;">
       <!--了解你的性格-->
      <div>
         <h3 style="text-align:center;margin:0;"><span style="display:inline-block;min-width:80px;position: relative;font-weight:normal;color: #288add;font-size: 110%;height: 34px;line-height: 34px;margin: 0 38px;"><i style="position:absolute;top:5px;left:-35px;background: url('images/bgIcon.png') no-repeat -15px -60px;display: inline-block;width:30px;height: 25px;"></i>
             了解你的性格 <i style="position:absolute;top:5px;right:-37px;background: url('images/bgIcon.png') no-repeat -12px -60px;display: inline-block;width:30px;height: 25px;"></i></span></h3>
          <div style="width: 100%;height:300px;text-align:center;overflow: hidden">
              <div style="height:160px;width:160px;position: relative;margin:0 auto;top:70px;">
                  <img src="images/circle.png" width="160" height="160"/>
                  <div  style="position: absolute;top:-33px;left:-35%;"><span style="display: block;color: #0b0b0b">外向性</span><span class="character" style="display: block; color:#0b0b0b">Extravertion</span>
                      <span style="display: block;color: #0b0b0b">(7.3)</span></div>
                  <div  style="position: absolute;top:-33px;right:-35%;"><span style="display: block;color: #0b0b0b">外向性</span><span class="character" style="display: block;color: #0b0b0b;  ">Extravertion</span>
                      <span style="display: block;color: #0b0b0b">(7.3)</span></div>
                  <div  style="position: absolute;top:105px;left:-45%;"><span style="display: block;color: #0b0b0b">外向性</span><span class="character" style="display: block;color: #0b0b0b; ">Extravertion</span>
                      <span style="display: block;color: #0b0b0b">(7.3)</span></div>
                  <div  style="position: absolute;top:105px;right:-45%;"><span style="display: block;color: #0b0b0b">外向性</span><span class="character" style="display: block;color: #0b0b0b; ">Extravertion</span>
                      <span style="display: block;color: #0b0b0b">(7.3)</span></div>
                  <div  style="left:0;width:160px;position: absolute;bottom:-65px;text-align: center"><span style="display: block;color: #0b0b0b">外向性</span><span class="character" style="display: block;color: #0b0b0b; ">Extravertion</span>
                      <span style="display: block;color: #0b0b0b">(7.3)</span></div>
              </div>
          </div>

          <div style="width:auto;margin:35px 4% 40px 4%;">
              <h4 style="margin:0; text-align: center;"><span style="position: relative;padding: 0 15px 0 25px;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 110%;background-color: #fff;text-align:center;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;display: inline-block;height: 32px;width:32px;position: absolute;top:-3px;left:-14px;"></i>性格描述</span></h4>
              <ul style="padding: 0;margin:25px 0 0 0;clear: both">
                  <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                  <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
              </ul>
          </div>
      </div>

      <!--了解你的能力优势   -->
         <div style="margin:0 4%">
             <h3 style="text-align:center;margin:0;"><span style="display:inline-block;min-width:80px;position: relative;font-weight:normal;color: #288add;font-size: 110%;height: 34px;line-height: 34px;margin: 0 38px;"><i style="position:absolute;top:5px;left:-35px;background: url('images/bgIcon.png') no-repeat -15px -60px;display: inline-block;width:30px;height: 25px;"></i>
             了解你的能力优势 <i style="position:absolute;top:5px;right:-37px;background: url('images/bgIcon.png') no-repeat -12px -60px;display: inline-block;width:30px;height: 25px;"></i></span></h3>
             <div style="margin-top: 25px; ">
               <p style="line-height:25px;margin:0;font-size: 100%;color:#212121">当人们参与到一项共同完成的工作时，用到的职业能力可以归结为八种：探索可能、评估方案、设定方向、号召行动、人际网络、团队凝聚、交付成果、压力承受。这些职业能力和你的性格息息相关。</p>
               <p style="line-height:25px;margin:0;font-size: 100%;color:#212121">下面显示的是你在这八种能力上的相对优势程度，按照由强到弱依次为：“突出优势”、“辅助优势”、“挑战领域”。</p>
             </div>

             <!--突出优势-->
             <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin:40px 2% 35px 2%;">
                 <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">突出优势</span></h4>
                 <ul style="padding: 0;margin:-20px 0 0 0;list-style: none">
                   <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                       <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                       <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                   </li>
                   <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                     <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                     <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                   </li>
                   <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                     <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                     <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                  </li>
                 </ul>
             </div>

             <!--辅助优势-->
             <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin:40px 2% 35px 2%;">
                 <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">辅助优势</span></h4>
                 <ul style="padding: 0;margin:-20px 0 0 0;list-style: none">
                     <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                         <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                         <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                     </li>
                     <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                         <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                         <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                     </li>
                     <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                         <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                         <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                     </li>
                 </ul>
             </div>

             <!--挑战领域-->
             <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin:40px 2% 35px 2%;">
                 <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">挑战领域</span></h4>
                 <ul style="padding: 0;margin:-20px 0 0 0;list-style: none">
                     <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                         <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                         <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                     </li>
                     <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                         <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                         <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                     </li>
                     <li style="margin-bottom: 15px;"><h4 style="line-height:40px;padding:0 15px 0 25px;margin:15px 0 5px;position: relative;border-bottom: 1px solid #d7d7d7"><i style="display: inline-block;width:34px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -11px -25px;position: absolute;left:-16px;top:26px;" ></i><i style="display: inline-block;width:30px;height: 30px;background:#fff url('images/bgIcon.png') no-repeat -14px -25px;position: absolute;right:-18px;top:26px;" ></i>
                         <span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 40px;">星星</span></h4>
                         <p style="padding:0 15px 0 25px;margin:0;color:#6d6d6d;font-size: 100%;line-height: 25px;">产生新想法或新方法，考虑任何有关的问题产生新想法或新方法，考虑任何有关的问题</p>
                     </li>
                 </ul>
             </div>

             <!--擅长的职业能力-->
             <div style="width:auto;margin-bottom:40px;">
                 <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 110%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;display: inline-block;height: 32px;width:32px;top:-3px;position: absolute;left:-32px"></i>您在团队中擅长的职业能力</span></h4>
                 <ul style="padding:0;margin: 25px 0 0 0">
                     <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">统领者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                     <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">交付者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                 </ul>
             </div>

             <!--不擅长的职业能力-->
             <div style="width:auto;margin-bottom:40px;">
                 <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 110%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;display: inline-block;height: 32px;width:32px;top:-3px;position: absolute;left:-32px"></i>您在团队中不擅长的职业能力</span></h4>
                 <ul style="padding:0;margin: 25px 0 0 0">
                     <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">统领者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                     <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">交付者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                 </ul>
             </div>
         </div>

         <!--了解你在各职业领域上的适配程度-->
         <div style="margin:0 4%">
             <h3 style="text-align:center;margin:0;"><span style="display:inline-block;min-width:80px;position: relative;font-weight:normal;color: #288add;font-size: 110%;height: 34px;line-height: 34px;margin: 0 38px;"><i style="position:absolute;top:5px;left:-30px;background: url('images/bgIcon.png') no-repeat -15px -60px;display: inline-block;width:30px;height: 25px;"></i>
             了解你在各职业领域上的适配程度 <i style="position:absolute;top:5px;right:-32px;background: url('images/bgIcon.png') no-repeat -12px -60px;display: inline-block;width:30px;height: 25px;"></i></span></h3>
           <div>
             <div>
                <div style="margin-top: 25px;">
                  <p style="margin:0;font-size: 100%;color:#212121;line-height: 25px;">我们可以把上千种职业归为最常见的12个职业领域，每个职业领域都有其关键的职业能力。</p>
                  <p style="margin:0;font-size: 100%;color:#212121;line-height: 25px;">下图显示你在12个职业领域的适配程度。该适配程度根据每个职业领域最重要的职业能力及其权重计算。</p>
                </div>
                <div style="margin-top: 25px;">
                    <p style="margin:0;font-size: 100%;color:#212121;line-height: 28px;">测评结果显示，您最适合的工作领域为：
                       <span style="font-size: 110%;color:#288add;line-height: 28px;">市场与公关传播、广告与创意设计、销售与业务发展</span></p>
                </div>
                 <div style="text-align: center;padding:30px 0"><img src="images/circle2.png" width="300" height="300"/></div>
             </div>
           </div>
         </div>

         <!--职业指导建议-->
         <div style="margin:0 4%">
             <h3 style="text-align:center;margin:0;"><span style="display:inline-block;min-width:80px;position: relative;font-weight:normal;color: #288add;font-size: 110%;height: 34px;line-height: 34px;margin: 0 38px;"><i style="position:absolute;top:5px;left:-35px;background: url('images/bgIcon.png') no-repeat -15px -60px;display: inline-block;width:30px;height: 25px;"></i>
             职业指导建议 <i style="position:absolute;top:5px;right:-37px;background: url('images/bgIcon.png') no-repeat -12px -60px;display: inline-block;width:30px;height: 25px;"></i></span></h3>
            <p style="margin:25px 0 30px;font-size: 100%;color: #212121;line-height: 25px;">本部分介绍最适合你的三个职业领域，显示你在相关职业能力上的优势程度，同时详细描述这三个职业领域所需要的关键职业能力、所包含的典型岗位。
            </p>

           <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin-bottom: 35px;">
               <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">市场与公关传播</span></h4>
               <div style="margin: 0 10px">
                   <p style="margin:0;font-size: 100%;color:#6d6d6d;line-height: 25px;" >无论是产品包装、营销方式，还是粉丝的管理，都需要有惊人的创意来霸占消费者的眼球。商场如战场，要在层出不穷的同类产品中杀出一条血路，行动是硬道理！此外，和组织内部、政府、媒体都打好关系也是市场及公关从业者的必杀技能。</p>
                  <div style="margin:25px 0;">
                      <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-34px"></i>典型职位</span></h4>
                      <p style="margin: 0;font-size: 100%;color: #6d6d6d;line-height: 25px;">市场专员/市场企划/市场通路专员/品牌专员/活动策划/活动执行/电商运营专员/市场调研与分析/新店开发专员/公关专员/媒介专员</p>
                  </div>
                  <div style="padding: 25px 0;border-top: 1px dashed #288add;">
                      <h4 style="margin:0 0 20px;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-34px"></i>你在该职业领域上的能力表现</span></h4>
                      <ul style="padding: 0;margin: 0;list-style: none;text-align: center">
                          <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                          <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">号召行动</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                          <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">压力承受</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                      </ul>
                  </div>
               </div>
           </div>

           <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin-bottom: 35px;">
             <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">广告与创意设计</span></h4>
             <div style="margin: 0 10px">
                 <p style="margin:0;font-size: 100%;color:#6d6d6d;line-height: 25px;" >无论是产品包装、营销方式，还是粉丝的管理，都需要有惊人的创意来霸占消费者的眼球。商场如战场，要在层出不穷的同类产品中杀出一条血路，行动是硬道理！此外，和组织内部、政府、媒体都打好关系也是市场及公关从业者的必杀技能。</p>
                 <div style="margin:25px 0;">
                     <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-34px"></i>典型职位</span></h4>
                     <p style="margin: 0;font-size: 100%;color: #6d6d6d;line-height: 25px;">市场专员/市场企划/市场通路专员/品牌专员/活动策划/活动执行/电商运营专员/市场调研与分析/新店开发专员/公关专员/媒介专员</p>
                 </div>
                 <div style="padding: 25px 0;border-top: 1px dashed #288add;">
                     <h4 style="margin:0 0 20px;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-34px"></i>你在该职业领域上的能力表现</span></h4>
                     <ul style="padding: 0;margin: 0;list-style: none;text-align: center">
                         <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                         <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">号召行动</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                         <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">压力承受</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                     </ul>
                 </div>
             </div>
           </div>

          <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin-bottom: 60px;">
             <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">销售与业务发展</span></h4>
             <div style="margin: 0 10px">
                 <p style="margin:0;font-size: 100%;color:#6d6d6d;line-height: 25px;" >无论是产品包装、营销方式，还是粉丝的管理，都需要有惊人的创意来霸占消费者的眼球。商场如战场，要在层出不穷的同类产品中杀出一条血路，行动是硬道理！此外，和组织内部、政府、媒体都打好关系也是市场及公关从业者的必杀技能。</p>
                 <div style="margin:25px 0;">
                     <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-34px"></i>典型职位</span></h4>
                     <p style="margin: 0;font-size: 100%;color: #6d6d6d;line-height: 25px;">市场专员/市场企划/市场通路专员/品牌专员/活动策划/活动执行/电商运营专员/市场调研与分析/新店开发专员/公关专员/媒介专员</p>
                 </div>
                 <div style="padding: 25px 0;border-top: 1px dashed #288add;">
                     <h4 style="margin:0 0 20px;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-6px;position: absolute;left:-34px"></i>你在该职业领域上的能力表现</span></h4>
                     <ul style="padding: 0;margin: 0;list-style: none;text-align: center">
                         <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">探索可能</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                         <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">号召行动</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                         <li><h4 style="line-height:30px;margin: 0"><span style="color:#288add;font-size: 100%">压力承受</span><span style="display: inline-block;width:20px;height: 20px;margin:0 7px 0 5px;position:relative;top:5px;*top:2px;background: url('images/bgIcon.png') no-repeat -18px 0"></span><span style="display: inline-block;width:auto;height: 30px;">星星</span></h4></li>
                     </ul>
                 </div>
             </div>
           </div>
         </div>

         <!--面试建议-->
         <div style="margin:0 4%">
             <h3 style="text-align:center;margin:0;"><span style="display:inline-block;min-width:80px;position: relative;font-weight:normal;color: #288add;font-size: 110%;height: 34px;line-height: 34px;margin: 0 38px;"><i style="position:absolute;top:5px;left:-35px;background: url('images/bgIcon.png') no-repeat -15px -60px;display: inline-block;width:30px;height: 25px;"></i>
             面试建议 <i style="position:absolute;top:5px;right:-37px;background: url('images/bgIcon.png') no-repeat -12px -60px;display: inline-block;width:30px;height: 25px;"></i></span></h3>
             <p style="margin:25px 0 30px;font-size: 100%;color: #212121;line-height: 25px;">下面提供你最适合的三个职业领域的500强的面试题及面试攻略。</p>

             <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin-bottom: 35px;">
                 <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">市场与公关传播</span></h4>
                <div>
                    <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-32px"></i>500强面试题</span></h4>
                    <ul style="padding:0;margin: 25px 0 20px 0">
                        <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">统领者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                        <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">交付者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                    </ul>
                </div>
                 <div style="padding: 25px 0;border-top: 1px dashed #288add;margin: 0 10px;;">
                     <h4 style="margin:0 0 20px;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-6px;position: absolute;left:-34px"></i>面试攻略</span></h4>
                     <p style="margin: 0;font-size: 100%;color: #6d6d6d;line-height: 25px;">列举具体事例说明你的想法在过去产生的积极影响。请关注你想法的实际价值、想法的来源、以及在执行这些想法之前您采取了哪些行动来确保成功。你可能会滔滔不绝地谈论您的各种想法，报告那些从未被应用的想法，这会让面试官认为您是一个不专注或不切实际的人，而不是一个能通过自己的观点带来实际变化的创新者。你要在面试之前明确了解该角色需要哪方面的创新，并确定你的回答具有针对性。例如你可能要仔细考虑它是侧重实用策略还是理论概念。</p>
                 </div>
             </div>

             <div style="border:1px dashed #288add;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;margin-bottom: 75px;">
                 <h4 style="margin:0;position: relative;top:-15px; text-align: center"><span style="display:inline-block;word-break:break-all;font-weight:normal;color: #288add;font-size: 110%;background-color: #fff;padding: 0 8px;position: relative;">广告与创意设计</span></h4>
                 <div>
                     <h4 style="margin:0 0 25px 0;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;display: inline-block;height: 32px;width:32px;top:-4px;position: absolute;left:-32px"></i>500强面试题</span></h4>
                     <ul style="padding:0;margin: 25px 0 20px 0">
                         <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">统领者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                         <li style="position:relative;list-style:none;line-height: 25px;color: #6d6d6d;font-size: 100%;padding-left:27px;"><i style="background: url('images/bgIcon.png') no-repeat -65px 0;display: inline-block;width:15px;height: 15px;position: absolute;left:5px;top:7px;"></i><span style="padding-right:10px;color: #288add;font-size: 100%;">交付者</span>能够批判性地分析各种信息，擅长处理商务数据和财务信息，且喜欢提出新颖的创业想法法和运用新的概念性方法解决问题 执行力</li>
                     </ul>
                 </div>
                 <div style="padding: 25px 0;border-top: 1px dashed #288add;margin: 0 10px;;">
                     <h4 style="margin:0 0 20px;top:-15px; text-align: center"><span style="position: relative;display:inline-block;word-break:break-all;font-weight:normal;color: #000;font-size: 100%;background-color: #fff;padding: 0 5px;margin-left: 32px;"><i style="background: #fff url('images/bgIcon.png') no-repeat -55px -20px;
                      display: inline-block;height: 32px;width:32px;top:-6px;position: absolute;left:-34px"></i>面试攻略</span></h4>
                     <p style="margin: 0;font-size: 100%;color: #6d6d6d;line-height: 25px;">列举具体事例说明你的想法在过去产生的积极影响。请关注你想法的实际价值、想法的来源、以及在执行这些想法之前您采取了哪些行动来确保成功。你可能会滔滔不绝地谈论您的各种想法，报告那些从未被应用的想法，这会让面试官认为您是一个不专注或不切实际的人，而不是一个能通过自己的观点带来实际变化的创新者。你要在面试之前明确了解该角色需要哪方面的创新，并确定你的回答具有针对性。例如你可能要仔细考虑它是侧重实用策略还是理论概念。</p>
                 </div>
             </div>
         </div>

         <!--免费声明-->
         <div class="statement" style="margin:0 4%;border: 1px solid #eee;padding-bottom: 20px;">
             <h4 style="font-weight: normal;font-size: 110%;color: #6d6d6d;line-height: 25px;margin: 18px 0 25px 0;padding-left: 5px;">免费声明</h4>
             <div style="margin: 0 4%;">
                 <p style="font-size: 100%;color:#6d6d6d;line-height: 25px;margin: 0 0 5px 0;">  本测评报告不得用于非法之目的，本测评机构不承担任何由此而发生或可能发生之法律责任。</p>
                 <p style="font-size: 100%;color:#6d6d6d;line-height: 25px;margin: 0 0 5px 0;">  本测评报告不得用于非法之目的，本测评机构不承担任何由此而发生或可能发生之法律责任。</p>
                 <p style="font-size: 100%;color:#6d6d6d;line-height: 25px;margin: 0 0 5px 0;;">  本测评报告不得用于非法之目的，本测评机构不承担任何由此而发生或可能发生之法律责任。</p>
                 <p style="font-size: 100%;color:#6d6d6d;line-height: 25px;margin: 0 0 5px 0;">  本测评报告不得用于非法之目的，本测评机构不承担任何由此而发生或可能发生之法律责任。</p>
                 <p style="font-size: 100%;color:#6d6d6d;line-height: 25px;margin: 0 0 5px 0;"> 最终版权归测评所有</p>
             </div>
         </div>
     </div>

     <div class="footer" style=" width:100%;background-color: #288add;text-align: center;clear: both;padding:40px 0;">
         <p style="margin:0;font-size: 100%;color:#fff;line-height: 25px;">Copyright © 2003 - 2016 Cepin.com & Talebase Talent Institute All Rights Reserved.</p>
         <p style="margin:0;font-size: 100%;color:#fff;line-height: 25px;">©2003-2016 测聘网&倍智人才研究院<span style="  padding-left: 5px; word-break: break-all; display: inline-block; line-height: 25px; width: 77px;">版权所有</span></p>
     </div>
  </div>
</body>
</html>